:root {
    --color1: #388fc3;
    --color2: #1c9cea;
    --color3: #faffb4;
    --linkColor: #54848F;
    --linkColorHover: #43bfdb;

    --background-size-body: cover;
    --background-modal-overlay: #00639f85;
    --background-modal-content: #3091b078;
    --headerNavigationContainer: linear-gradient(222deg, rgb(9 116 113 / 12%) 41%, rgb(178 208 211 / 59%) 65%);
    --background-color: background-color: #dde4e2;
    --background-image:
      url('img/backImg.png');
    --background-repeat: no-repeat;
    --background-attachment: fixed;
    --font1:
      'Alegreya Sans';
    /*  Dosis  Quicksand  */
    --font2: ;
    --font3: ;
  }



  .header_overlay {
    /* background: var(--headerNavigationContainer); */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
  }

  body {
    background: #e9e9e9;
  }

  .pkp_structure_content.has_sidebar {
    background: rgb(237, 240, 233);
    background: linear-gradient(360deg, rgb(153 153 153 / 0%) 16%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 100%);
  }